<!DOCTYPE html>
<html>
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

        <!-- Application specific CSS -->
        <link href="/oldalbum/oldalbum.css" rel="stylesheet">

        <!-- Application's vite packaged CSS -->
        <link href="/oldalbum/assets/index.css" rel="stylesheet">

        <!-- open-iconic icons for bootstrap -->
        <link href="/oldalbum/open-iconic/font/css/open-iconic-bootstrap.min.css" rel="stylesheet">

        <title>Old album</title>
    </head>
    <body>
        <div class="container-fluid" id="root"></div>
        <script src="/oldalbum/assets/index.js" type="application/javascript" charset="utf-8"></script>

        <!-- Optional JavaScript -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <div id="sizer">
            <div class="d-block d-sm-none d-md-none d-lg-none d-xl-none" data-size="xs"></div>
            <div class="d-none d-sm-block d-md-none d-lg-none d-xl-none" data-size="sm"></div>
            <div class="d-none d-sm-none d-md-block d-lg-none d-xl-none" data-size="md"></div>
            <div class="d-none d-sm-none d-md-none d-lg-block d-xl-none" data-size="lg"></div>
            <div class="d-none d-sm-none d-md-none d-lg-none d-xl-block" data-size="xl"></div>
        </div>
    </body>
</html>
